<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/jq.js"></script>
    <title></title>
</head>
<body>
<div id="content"></div>
<script>
    var obj={
        "name":"网站",
            "num":3,
            "sites": [
        { "name":"Google", "info":[ "Android", "Google 搜索", "Google 翻译" ] },
        { "name":"Runoob", "info":[ "菜鸟教程", "菜鸟工具", "菜鸟微信" ] },
        { "name":"Taobao", "info":[ "淘宝", "网购" ] }
    ]
    };
    $(document).ready(function(){
        var i, j,k;
        for(i in obj.sites){
            $("#content").append('<h1>'+ obj.sites[i].name+'</h1>');
            for(j in obj.sites[i].info){
                $("#content").append('<span>'+obj.sites[i].info[j]+'</span>')
            }

        }
    })

</script>
</body>
</html>